<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>跳转提示</title>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/css/aui.css" />
    <style type="text/css">
    .aui-content-padded {
        padding: 0.75rem;
        background-color: #ffffff;
        margin-top: 0.75rem;
    }

    .message-padded {
        position: relative;
        padding: 0.5rem 0.75rem;
    }

    .message-padded {
        word-break: break-all;
        font-size: 0.7rem;
        color: #212121;
    }

    .message-padded img {
        width: 30%;
        align-items: center;
        display: block;
    }
    </style>
</head>

<body>
    <?php if(isset($message)) {?>
    <div class="message-padded">
        <center>
            <img src="__PUBLIC__/Home/img/success.png" />
        </center>
    </div>
    <div class="aui-content-padded">
        <h3>
	        	<center>
	        		<?php echo($message); ?>
	        	</center>
	        <h3>
		</div>
    <?php }else{?>
	    <div class="message-padded">
		    <center>
		    	<img src="__PUBLIC__/Home/img/error.png" />
		    </center>
	    </div>
	    <div class="aui-content-padded">
	    	<h3>
		    	<center>
		    		<?php echo($error); ?>
		    	</center>
	    	<h3>
	     </div>
    <?php }?>
    <p class="aui-padded-10 aui-text-center">
    	页面自动 <a id="href" href="<?php echo($jumpUrl); ?>">跳转</a> 等待时间： <b id="wait"><?php echo($waitSecond); ?></b>
    </p>
</body>
<script type="text/javascript">
(function() {
    var wait = document.getElementById('wait'),
        href = document.getElementById('href').href;
    var interval = setInterval(function() {
        var time = --wait.innerHTML;
        if (time <= 0) {
            location.href = href;
            clearInterval(interval);
        };
    }, 1000);
})();
</script>

</html>